
/* 辅助器 */

.has-radius {
  border-radius: 2px!important;
}
.no-radius {
  border-radius: 0!important;
}
.has-shadow {
  box-shadow: 0 10px 60px 0 rgba(29,29,31,.09)!important;
}
.has-border {
  border: 1px solid $border-color!important;
}
/* 图片响应式 */
.img-response {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

/* 圆图 */
.img-circle {
  border-radius:50% ;
}
/* 方图 */
.img-round {
  border-radius:2px;
}



/* flex弹性布局 */

.flex {
  display: flex;
}

.space-between{
  justify-content: space-between;
}

/* 浮动 */

.pull-left {
  float: left;
}
.pull-right {
  float: right;
}

/* 字体居中 */

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}


/* 扩展背景色 */
.bg-body {
  background-color: $bg-body;
}

/* 行高 */

@for $i from 0 through 40 {

  .lh#{$i}
  {
    line-height:(1px * $i) !important;
  }
}


/* 字体大小 */

@for $i from 0 through 60 {

  .f#{$i}
  {
    font-size:(1px * $i) !important;
  }
}

/* 浮动 */

@for $i from 0 through 40
{

  .mg#{$i}
  {
    margin:(1px * $i) !important;
  }

  .pd#{$i}
  {
    padding:(1px * $i)!important;
  }

  .mgt#{$i}
  {
    margin-top:(1px * $i)!important;
  }

  .mgl#{$i}
  {
    margin-left:(1px * $i)!important;
  }

  .mgr#{$i}
  {
    margin-right:(1px * $i)!important;
  }

  .mgb#{$i}
  {
    margin-bottom:(1px * $i)!important;
  }


  .pdt#{$i}
  {
    padding-top:(1px* $i)!important;
  }

  .pdl#{$i}
  {
   padding-left:(1px * $i)!important;
  }

  .pdr#{$i}
  {
    padding-right:(1px * $i)!important;
  }

  .pdb#{$i}
  {
    padding-bottom:(1px * $i)!important;
  }

}
